<template>

  <div>
<!--    <h1>Main Page</h1>-->

    <el-container>
      <el-aside width="auto">
        <CommonAside/>
      </el-aside>
      <el-container>
        <el-header>
          <common-header/>
        </el-header>
        <el-main>
          <!--    子路由显示页面-->
          <!-- 路由出口 -->
          <!-- 路由匹配到的组件将渲染在这里 -->
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import CommonAside from "@/components/CommonAside";
import CommonHeader from "@/components/CommonHeader";
export default {
  components: {
    CommonAside,
    CommonHeader
  },
  data(){
    return {}
  }
}
</script>
<style scoped>
.el-header{
  padding: 0px;
}
</style>